<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../statics/css/jqueryMobile.css">
<link rel="stylesheet" href="../statics/css/mobiscroll.css">
<script src="../statics/js/jquery-1.12.4.js"></script>
<script src="../statics/js/jquery.form.js"></script>
<script src="../statics/js/jqueryMobile.js"></script>
<script src="../statics/js/mobiscroll.js"></script>	
<script src="../statics/js/area.js"></script>
<script src="../statics/js/msgenter.js"></script>

<script>  
//显示加载器  
function showLoader() {  
    //显示加载器.for jQuery Mobile 1.2.0  
    $.mobile.loading('show', {  
        text: '加载中...', //加载器中显示的文字  
        textVisible: true, //是否显示文字  
        theme: 'a',        //加载器主题样式a-e  
        textonly: false,   //是否只显示文字  
        html: ""           //要显示的html内容，如图片等  
    });  
}  
  
//隐藏加载器.for jQuery Mobile 1.2.0  
function hideLoader()  
{  
    //隐藏加载器  
    $.mobile.loading('hide');  
}  

function test(v){
  if(v==1){
   showLoader();
   }
   if(v==2){
   hideLoader();
   }
}
</script> 
	
<body>
	<button type="button" onclick="test(1)">加载</button>
	<button type="button" onclick="test(2)">隐藏</button>
</body>
</html>
